<template>
    <div class="singer-home">
        <!--导航栏-->
        <van-nav-bar
        title="歌手信息"
        left-text="返回"
        left-arrow
        @click-left="onclickLeft"
        />
        <!--标签页-->
        <van-tabs v-model="active">
            <van-tab title="百科">
            <SingerIntro :singeid='id'/>
            </van-tab>
        <van-tab title="歌曲">
            <SingerSong :singeid='id'/>
        </van-tab>
        </van-tabs>
    </div>
</template>
<script>
import SingerIntro from "./components/SingerIntro.vue";
import SingerSong from "./components/SingerSong.vue";

export default{
    data() {
        return{
            
            active: 0,
            id: this.$route.params.id
        };
        
    },
    methods:{
        onclickLeft(){
            window.history.length>1 ? this.$router.go(-1):this.$router.push("/");

        },
    },
    components:{
        SingerIntro,
        SingerSong
    },
};
</script>
<style scoped>

</style>
